{% extends 'layout/organba.html' %}
{% load static %}
{% block title %} 人员管理 {% endblock %}


{% block content %}




<div class="container">
<label for="meeting">选择要查看打卡数据的日期</label><input id="myDay" type="date" value={{ date }} />
    {% if state ==  False %}
        <h1>没有打卡数据</h1>

{% else %}
    <h1>打卡详情如下:</h1>

<table class="table table-hover table-hover table-condensed">
    <tr class="success ">
         <th>ID</th>
         <th>姓名</th>
         <th>部门</th>
         <th>问题1</th>
         <th>问题2</th>
         <th>问题3</th>
         <th>问题4</th>
         <th>问题5</th>
         <th>问题6</th>
         <th>问题7</th>
         <th>问题8</th>
         <th>问题9</th>



    </tr>


    {% for item in clock_list %}
    <tr class="">
        <td><a href="#" data-toggle="tooltip" data-placement="left" title="点击查看他/她的打卡信息">{{ item.ip }}</a></td>
        <td>{{ item.org_id }}</td>

         <td>{{ item.job_id }}</td>
        <td>{{ item.answer1 }}</td>
        <td>{{ item.answer2 }}</td>
        <td>{{ item.answer3 }}</td>
        <td>{{ item.answer4 }}</td>
        <td>{{ item.answer5 }}</td>
        <td>{{ item.answer6 }}</td>
        <td>{{ item.answer7 }}</td>
        <td>{{ item.answer8 }}</td>
        <td>{{ item.answer9 }}</td>



    {% endfor %}
    </table>

    <ul class="pagination">
     {{ page_html|safe }}<!--会以字符串显示用safe修饰-->
</ul>




    {% endif %}

</div>

{% endblock %}

{% block js %}

<script>
$("#myDay").change(function(){
          dateTime=$("#myDay").val();


           $.ajax({
                     url: "{% url 'web:organclockdetail' %}",
                     type: "POST",
                     data: {"dateTime":dateTime}, // 所有字段数据 + csrf token
                     dataType: "JSON",
                     success: function (res) {
                        if (res.status) {





                        } else {

                        }
                    }
                })




      });

</script>




{% endblock %}